<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <th:block th:include="include :: header('材料检测')" />
    <link rel="stylesheet" href="../static/css/bootstrap-table/bootstrap-table.min.css" th:href="@{/css/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" href="../static/css/materialTesting/information.css" th:href="@{/css/materialTesting/information.css}">

</head>

<body class="gray-bg">
    <div class="tabsbody ">
        <div class="tabsbody-item active">
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-md-12" style="padding: 0;">
                        <div class="ibox">
                            <div class="ibox-title">
                                <span class="label label-primary pull-left" style="font-size: 14px;">基本信息</span>
                            </div>
                            <div class="ibox-content">
                                <table cellpadding="0" cellspacing="0" class="tbEidt"
                                    style="background-color: #ffffff; width: 100%">
                                    <tbody>
                                        <tr>
                                            <td class="tdTitle">
                                                工程名称
                                            </td>
                                            <td class="tdContent">
                                                <span>[[${projectName}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                检测项目
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>[[${testingItems}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                报告编号
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>[[${presentationId}]]</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                结构部位
                                            </td>
                                            <td class="tdContent">
                                                <span>[[${projectPosition}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                监理单位
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>广州市宏业金基建设监理咨询有限公司</span>
                                            </td>
                                            <td class="tdTitle">
                                                委托编号
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>2019007899</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                检测机构
                                            </td>
                                            <td class="tdContent">
                                                <span>[[${materialOrganization}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                建设单位
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>[[${projectCompany}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                样品编号
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>[[${sampleId}]]</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                委托单位
                                            </td>
                                            <td class="tdContent">
                                                <span>广州正中建设有限公司</span>
                                            </td>
                                            <td class="tdTitle">
                                                检验类别
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>见证取样</span>
                                            </td>
                                            <td class="tdTitle">
                                                检测标准
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>GB/T 1499.2-2018</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                生产厂家
                                            </td>
                                            <td class="tdContent">
                                                <span></span>
                                            </td>
                                            <td class="tdTitle">
                                                检测日期
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>[[${testingTime}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                审核日期
                                            </td>
                                            <td class="tdContent">
                                                <span>2019-12-10</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                委托日期
                                            </td>
                                            <td class="tdContent">
                                                <span>[[${entrustTime}]]</span>
                                            </td>
                                            <td class="tdTitle">
                                                报告日期
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>2019-12-11</span>
                                            </td>
                                            <td class="tdTitle">
                                                批准
                                            </td>
                                            <td class="tdContent">
                                                <span>吴广</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                批准日期
                                            </td>
                                            <td class="tdContent">
                                                <span>2019-12-10</span>
                                            </td>
                                            <td class="tdTitle">
                                                副检
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>/</span>
                                            </td>
                                            <td class="tdTitle">
                                                审核
                                            </td>
                                            <td class="tdContent">
                                                <span>陈胜</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                主检
                                            </td>
                                            <td class="tdContent">
                                                <span>郑志平</span>
                                            </td>
                                            <td class="tdTitle">
                                                湿度
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>/</span>
                                            </td>
                                            <td class="tdTitle">
                                                温度
                                            </td>
                                            <td class="tdContent">
                                                <span>/</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                使用前状态
                                            </td>
                                            <td class="tdContent">
                                                <span>/</span>
                                            </td>
                                            <td class="tdTitle">
                                                使用后状态
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>/</span>
                                            </td>
                                            <td class="tdTitle">
                                                唯一标示
                                            </td>
                                            <td class="tdContent">
                                                <span>DUA02228|3</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="tdTitle">
                                                检测结论
                                            </td>
                                            <td class="tdContent">
                                                <span>/</span>
                                            </td>
                                            <td class="tdTitle">
                                                结论状态
                                            </td>
                                            <td class="tdContentMerge">
                                                <span>合格</span>
                                            </td>
                                            <td class="tdTitle">
                                                <!-- 唯一标示 -->
                                            </td>
                                            <td class="tdContent">
                                                <!-- <span>DUA02228|3</span> -->
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div>
                                </div>
                            </div>
                        </div>
                        <div class="ibox">
                            <div class="ibox-title">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a data-toggle="tab" href="#tab-1">曲线信息</a>
                                    </li>
                                    <li class=""><a data-toggle="tab" href="#tab-2">报告信息</a>
                                    </li>
                                    <li class=""><a data-toggle="tab" href="#tab-2">见证取样信息</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ibox-content tab-content">
                                <div id="tab-1" class="tab-pane active">
                                     <div id="echart_cailiao" style="height: 240px;width: 100%;"></div>
                                </div>
                                <div id="tab-2" class="tab-pane fade">
                                    <table id="bootstrap-table"></table>
                                </div>
                                <div id="tab-3" class="tab-pane fade"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <th:block th:include="include :: footer" />
    <script src="../static/js/allproject/echarts.min.js" th:src="@{/js/allproject/echarts.min.js}"></script>
    <script src="../static/js/allproject/cailiao.js" th:src="@{/js/allproject/cailiao.js}"></script>
    <script src="../static/js/bootstrap-table/bootstrap-table.min.js" th:src="@{/js/bootstrap-table/bootstrap-table.min.js}"></script>
    <script>
        $(function () {
        	cailiao();
            $('nav-tabs a:first').tab('show')
            $('nav-tabs a').click(function (e) {
                e.preventDefault()
                $(this).tab('show')
            });
            $('#bootstrap-table').bootstrapTable({
                columns: [{
                    field: 'number',
                    title: '序号',
                    formatter: function (value, row, index) {

                        return index + 1;
                    }
                }, {
                    field: 'time',
                    title: '上传时间'

                }, {
                    field: 'report',
                    title: '报告编号'
                }, {
                    field: 'viewport',
                    title: '点击查看报告',
                    formatter: function (value, row, index) {
                        var actions = [];
                        actions.push('<a class="" href="#">' + value[0] + '</a>&nbsp ' +
                            '<a class="" href="#">' + value[1] +
                            '</a>&nbsp');
                        return actions.join('');
                    }
                }],
                data: [{
                    number: '离线',
                    time: '2019-12-11',
                    report: 'TT5129007',
                    viewport: ['查看详情', '<a class="btn btn-success btn-xs" href="javascript:void(0)"><i class="fa fa-download"></i>下载</a>']
                }, {
                    number: '离线',
                    time: '2019-12-11',
                    report: 'TT5129007',
                    viewport: ['查看详情', '<a class="btn btn-success btn-xs" href="javascript:void(0)"><i class="fa fa-download"></i>下载</a>']
                }, {
                    number: '离线',
                    time: '2019-12-11',
                    report: 'TT5129007',
                    viewport: ['查看详情', '<a class="btn btn-success btn-xs" href="javascript:void(0)"><i class="fa fa-download"></i>下载</a>']
                }, {
                    number: '离线',
                    time: '2019-12-11',
                    report: 'TT5129007',
                    viewport: ['查看详情', '<a class="btn btn-success btn-xs" href="javascript:void(0)"><i class="fa fa-download"></i>下载</a>']
                }]
            })
        })
    </script>
</body>

</html>